{% extends 'feedback/base.html' %} {% block title %}Зуботехническая
лаборатория{% endblock %} {% block content %} {% comment %}
<h2>Зуботехническая лаборатория</h2>
{% endcomment %}

<!-- templates/home.html -->
<div
  class=" text-center"
>

  <div class="">
    <img
      class="d-block mx-auto mb-4"
      src="/static/img/zubotech.png"
      alt=""
      width="250"
      height="250"
    />
    <h1 class="">Зуботехническая лаборатория</h1>

      {% if user.is_authenticated %} {% else %}
      <div
        class="form-signin w-100 m-auto"
        hx-get="/admin"
        hx-trigger="click[ctrlKey]"
        hx-target="#auth_block"
        hx-swap="innerHTML"
      >
        Для работы необходимо авторизоваться
      </div>
      {% comment %} <p class="mt-2 text-center text-sm text-gray-600">
        Введите доменный логин вида <b>ivanov.ap</b> и короткий пароль вида
        <b>1234</b> (Логин и пароль приведены для примера, нужно ввести свои)
      </p> {% endcomment %}
      {% endif %} {% if user.is_authenticated %}

        <p class="mt-2 text-center text-sm text-gray-600">Здравствуйте, <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">{{ user.im }} {{ user.ot }}!</a>
      
        </a>  </p>
    <div class="d-grid gap-1 col-2 mx-auto">
      <p class="mt-2 text-center text-sm text-gray-600">
        <a href="{% url 'naryad_list' %}" class="w-100 btn btn-lg btn-primary">Наряды</a>
      </p>
      {% if user.is_admin %}
      <p class="mt-2 text-center text-sm text-gray-600">
        <a href="/admin" class="w-100 btn btn-lg btn-primary">Администрирование</a>
      </p>
      <p class="mt-2 text-center text-sm text-gray-600">
        <a href="{% url 'naryad_add' %}" class="w-100 btn btn-lg btn-primary"
          >Создать наряд</a
        >
      </p>
      {% endif %}
      <p class="mt-2 text-center text-sm text-gray-600">
        <a href="{% url 'logout' %}" class="w-100 btn btn-lg btn-primary">Выйти</a>
      </p>
    </div>
      {% else %} {% if form.errors %} {{form.errors}}
      Ваше имя или пароль неверны. Попробуйте еще раз. {% endif %}
    </div>

  <form class="form-signin w-100 m-auto" id="auth_block" method="post">
    {% csrf_token %}
    <h1 class="h3 mb-3 fw-normal">Пожалуйста войдите</h1>
    <div class="form-floating">
    <input
      type="username"
      id="inputUsername"
      name="username"
      class="form-control"
      value=""
      placeholder="Пользователь"
      autocomplete="username"
      required
      autofocus
    />
    <label for="inputUsername">Пользователь</label>
  </div>
  <div class="form-floating">
    <input
      type="password"
      id="inputPassword"
      name="password"
      class="form-control"
      placeholder="Пароль"
      maxlength="4"
      onkeypress="return event.charCode >= 48 && event.charCode <= 57"
      autocomplete="new-password"
      required
    />
    <label for="inputPassword">Пароль</label>
  </div>
    <div class="">
      {% comment %}
      <label>
        <input type="checkbox" value="remember-me" /> Запомнить меня
      </label>
      {% endcomment %}
    </div>
    <button class="w-100 btn btn-lg btn-primary" type="submit">
      Войти</button>
    <p class="mt-2 text-center text-sm text-gray-600">
      &copy; Кузбасская клиническая стоматологическая поликлиника 2022
    </p>
  </form>
    </div>
      </div>
  
      <style>
        .form-signin {
          width: 100%;
          max-width: 330px;
          padding: 15px;
          margin: auto;
      }
      </style>
  {% endif %} {% endblock %}

